<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>我的博客</title>
	<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div class="header">
		<h1>我们的目标是星辰大海</h1>
	</div>

	<div class="topnav">
		<a href="./index.html">首页</a>
		<a href="./share.html">分享</a>
		<a href="./photowall.html">照片墙</a>
		<a href="./note.html">日志</a>
		<a href="./fun.html">趣味锦集</a>

	</div>

	<div class="leftcolumn">
		<img src="img/me.png" width="180" height="180" alt="头像"
			style="display:block;margin:auto;border-radius: 90px;padding: 20px;" />
		<h1 style="text-align: center;">王庆聪</h1>
		<p style="text-align: center;">理信学院 | 计科1603</p>

		<ul
			style="background-color: #C7E6C7;padding: 5px 5px;list-style-type: none;margin:0;border-radius: 1.25rem;text-align: center;">
			<li><a href="http://wpa.qq.com/msgrd?v=3&uin=3555879981&site=qq&menu=yes"><img src="img/qq.png" width="40" height="40" alt="QQ" /></a></li>
			<li><a href="./wechat.html"><img src="img/wechat.png" width="40" height="40" alt="微信" /></a></li>
			<li><a href="Mailto:wangqingcong@outlook.com"><img src="img/mail.png" width="40" height="40" alt="邮件" /></a></li>
			<li><a href="./phonenum.html"><img src="img/phone.png" width="40" height="40" alt="手机" /></a></li>
			<li><a href="https://github.com/Andyrover/web-learn" ><img src="img/web.png" width="40" height="40" alt="网站" /></a></li>
			<li></li><a href="http://surl.amap.com/zkRu_0607oQ5" target="高德"><img src="img/addr.png" width="40" height="40" alt="地址" /></a></li>
		</ul>
	</div>

	<div class="row">
		<div class="rightcolumn">
			<h2>关于我</h2>
			<b>个人资料：</b> 男，90后，射手座 ，IT萌新<br />
			<b>爱好：</b>网球，游泳，跑步，码代码，发呆<br />
			<b>个人简介：</b>
			<p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;90后，IT萌新，手机发烧友，资深米粉。性格较为内向，喜欢电子，喜欢机械。
					喜欢一个人去旅游，喜欢看海，喜欢爬山。<br />
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;喜欢科幻小说和科幻电影，资深漫威粉。吃货一枚，无肉不欢。最喜欢的水果是榴莲，最喜欢的
					饮料是可乐。
				</p>


		</div>

			<div id="card">
				<h2 style="text-align: center;"><a id="title" href="./photowall.html" >照片墙</a></h2>
				<div class="container">
					<div class="photo">
						<img src="img/1.jpg" />
						<img src="img/2.jpg" />
						<img src="img/3.jpg" />
					</div>
				</div>
			</div>

			<div id="card2">
					<h2 style="text-align: center;"><a id="title" href="./fun.html" >开心一下</a></h2>
					<p>程序猿的读书历程：x语言入门—>x语言应用实践—>x语言高阶编程—>x语言的科学与艺术—>编程之美—>编程之道—>编程之禅—>颈椎病康复指南。</p>
					<p>用一句话总结了HTML、CSS、JS的关系：HTML是名词，JS是动词，CSS是形容词和副词。</p>
					<p>问：如何生成一个随机的字符串？答：让新手退出VIM。</p>
					<p>有一天某程序员去买肉，要了一公斤，拿到公平电子秤上一称：“额……怎么少了24克。</p>
					<p>程序猿最烦两件事，第一件事是别人要他给自己的代码写文档，第二件呢？是别人的程序没有留下文档。</p>
					
			</div>


	</div>
	<div class="centercolumn">
		<h2>技能简介</h2>
		<ul>
			<li ><a href="https://baike.baidu.com/item/c%E8%AF%AD%E8%A8%80">C语言</a></li>
			<li><a href="https://baike.baidu.com/item/C%2B%2B">C++</a></li>
			<li><a href="https://baike.baidu.com/item/c%23">C#</a></li>
			<li><a href="https://baike.baidu.com/item/java/85979">java</a></li>
			<li><a href="https://baike.baidu.com/item/Python/407313">python</a></li>
			<li><a href="https://baike.baidu.com/item/linux">Linux</a></li>
			<li><a href="https://baike.baidu.com/item/%E7%BD%91%E7%AB%99%E5%88%B6%E4%BD%9C">网站制作</a></li>
			<li><a href="https://baike.baidu.com/item/%E6%A8%A1%E6%8B%9F%E7%94%B5%E8%B7%AF/5896">模拟电路</a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
		</ul>
	</div>
	<div class="footer">
		计科1603 王庆聪 20161354
	</div>
</body>

</html>